<template>
  <div class="app">
    <UserInfo
      :username="username"
      :age="age"
      :isSingle="isSingle"
      :car="car"
      :hobby="hobby"
      ></UserInfo>
  </div>
</template>

<script>
  import UserInfo from './components/UserInfo.vue'
  export default {
    data() {
      return {
        username: '小帅',
        age: 28,
        isSingle: true,
        car: {
          brand: '宝马',
        },
        hobby: ['篮球', '足球', '羽毛球'],
      }
    },
    components: {
      UserInfo,
    },
  }
</script>

<style>
</style>